<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css">
    <link href="bootstrap/css/dashboard.css" rel="stylesheet">

    <link rel="stylesheet" href="index.css">
   <!--第一个时间插件-->
    <!--<link rel="stylesheet" href="src/bootstrapDatepickr-1.0.0.css">-->
   <!--第二个时间插件-->
   <link rel="stylesheet" href="bootstrap-datetimepicker.css">
   <!--时间插件-->
</head>
<body>
   
     <!--top-->
     <div class="top">
         <div class="container">
            <span>学员信息管理</span>
            <div class="picture">
                <div class="dropdown">
                    <button id="dLabel" class="tx" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <li>个人资料</li>
                        <li>修改密码</li>
                        <li>退出登录</li>
                    </ul>
                </div>
                
             </div>
        </div>
    </div>
    <!--下边的整体-->
     <div class="bottom">
    <!--left-->
    <div>
         <!--左边的标签页-->
        <!-- Nav tabs -->
        <div class="left1 col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active aaaaa"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">班级管理</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">学院管理</a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">个人资料</a></li>
            </ul>
        </div>
        <!-- Tab panes -->
        <div class="tab-content clearfix">
            <div role="tabpanel" class="tab-pane active" id="home">
                <!--插入右边的模块-->
                <!--左一-->
                <!--right-->
               <div class="right1 col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <!--右边的上边的导航栏-->
           <div class="right-top shrink beyong-hidden">
               <span>学员管理 / 班级管理</span>
               <!--注释掉的是按钮形式的-添加班级-->
               <!--<button style="background-color:blue;color: white;float:right;" class="btn append" type="submit">添加班级</button>-->
               <!--添加班级bootstrap-->
                 <!-- Button trigger modal -->
                    <button type="button" class="btn btn-primary btn-lg append" data-toggle="modal" data-target="#myModal">添加班级 </button>

                    <button type="button" class="btn btn-primary btn-lg refresh">刷新 </button>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title append-class-color" id="myModalLabel">添加班级</h4>
                        </div>
                        <div class="modal-body">
                             
                               
                               <form class="form-horizontal">
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班级名称</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con banjimingcheng" id="inputEmail3" placeholder="" value="">
                                        </div>
                                    </div>
                                     <!--下拉列表-->
                                    <div class="form-group">
                                        <label for="studyobject" class="col-sm-2 control-label modal-body">学习科目</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con"  id="studyobject">
                                            <option>HTML</option>
                                             <hr>
                                            <option>CSS</option>
                                         
                                            <option>Javascript</option>
                                        
                                            <option>PhotoShop</option>
                                        
                                            <option>seperate word</option>
                                    
                                        </select>
                                        </div>
                                    </div>
                                    <!--入学时间-->
                                     <div class="form-group">
                                        <label for="updatetime" class="col-sm-2 control-label modal-body">入学时间</label>
                                        <div class="col-sm-10 modal-con">
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        <!--time第一次引用的时间插件-->
                                        <div class="form-group">

                                        <!--<div class="col-md-4">
                                            <div class="input-group">
                                                <span class="input-group-addon rili" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                                                <input type="text" id="calendar" placeholder="27/07/2017" class="form-control timewidth" Readonly>
                                            </div>
                                        </div>-->
                                            <!--第二次引用的时间插件-->
                                                <div class='input-group date' id='datetimepicker1'>
                                                    <input type='text' class="form-control" id="updatetime" />
                                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                                                    </span>
                                                </div>
                                            <!--第二次引用的时间插件-->
                                         </div>
                                        <!--time-->
                                        </div>
                                    </div>
                                    <!--学员人数-->
                                    <div class="form-group">
                                        <label for="xxx" class="col-sm-2 control-label modal-body">学员人数</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con xueyuanrenshu" id="xxx" placeholder="" value="">
                                        </div>
                                    </div>
                                    <!--班主任-->
                                      <div class="form-group">
                                        <label for="banzhuren" class="col-sm-2 control-label modal-body">班主任</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con" id="banzhuren">
                                            <option>杨老师</option>
                                            <option>杨老师2</option>
                                            <option>杨老师3</option>
                                            <option>杨老师4</option>
                                            <option>杨老师5</option>
                                        </select>
                                        </div>
                                    </div>
                                    <!--班级介绍-->
                                     <div class="form-group">
                                        <label for="banjijieshao" class="col-sm-2 control-label modal-body">班级介绍</label>
                                        <div class="col-sm-10 modal-con">
                                            <textarea class="form-control " rows="3" id="banjijieshao"></textarea>
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        </div>
                                    </div>
                                  
                                   
                            </form>
                            <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary preserve" onclick="save_data(this)">保存</button>
                        </div>
                        </div>
                    </div>
                    </div>
               <!--往上添加班级bootstrap-->
           </div>

           <!--添加的表格bootstrap-->
          <div class="table-responsive shrink tbackground">
            <table class="table table-bordered table-hover table-striped success tb">
                <thead class="active">
                <th>#</th>
                <th>班级名称</th>
                <th>学习科目</th>
                <th>入学日期</th>
                <th>学员人数</th>
                <th>班主任</th>
                <th>操作</th>
                </thead>
             <tbody class="tbodytbody">
                 <tr class="big" id="'+(parseInt(this.parentNode.id)+1)+'">
                     
             </tbody>
         </table>
         <!--表格下边的灰线-->
         <div class="gray-line"></div>
 
                    <!--默认分页用bootstrap写的-->
                    <nav aria-label="Page navigation">
                        <ul class="pagination anniu">
                            <!-- <li><a href="javascript:;">1</a></li> -->
                            
                        </ul>
                   </nav>

   </div>
               
                   </div> 
                <!--左一-->
            </div>

            <div role="tabpanel" class="tab-pane" id="profile">
                <!--左二-->
                <!--right-->
    <div class="right1 col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" id="zuoerbackground">
            <!--右边的上边的导航栏-->
           <div class="right-top shrink beyong-hidden">
               <span>学员管理 / 班级管理</span>
               
               <!--注释掉的是按钮形式的-添加班级-->
               <!--<button style="background-color:blue;color: white;float:right;" class="btn append" type="submit">添加班级</button>-->
               <!--添加班级bootstrap-->
                 <!-- Button trigger modal -->
                    <button type="button" class="btn btn-primary btn-lg append" data-toggle="modal" data-target="#myModal">添加班级 </button>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title append-class-color" id="myModalLabel">添加班级</h4>
                        </div>
                        <div class="modal-body">
                             
                               
                               <form class="form-horizontal">
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">学院名称</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">
                                        </div>
                                    </div>
                                     <!--下拉列表-->
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">学院教程</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con">
                                            <option>H5</option>
                                            <option></option>
                                            <option>PS</option>
                                            <option></option>
                                            <option>VUE</option>
                                            <option></option>
                                            <option>PhotoShop</option>
                                            <option></option>
                                            <option>seperate word</option>
                                            <option></option>
                                        </select>
                                        </div>
                                    </div>
                                    <!--入学时间-->
                                     <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">入学时间</label>
                                        <div class="col-sm-10 modal-con">
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        <!--time-->
                                        <div class="form-group">
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <span class="input-group-addon rili" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                                                <input type="text" id="calendar" placeholder="27/07/2017" class="form-control timewidth" Readonly>
                                            </div>
                                        </div>
                                         </div>
                                        <!--time-->
                                        </div>
                                    </div>
                                    <!--学员人数-->
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">学员人数</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">
                                        </div>
                                    </div>
                                    <!--班主任-->
                                      <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班主任</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con">
                                            <option>杨老师</option>
                                            <option>杨老师2</option>
                                            <option>杨老师3</option>
                                            <option>杨老师4</option>
                                            <option>杨老师5</option>
                                        </select>
                                        </div>
                                    </div>
                                    <!--班级介绍-->
                                     <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班级介绍</label>
                                        <div class="col-sm-10 modal-con">
                                            <textarea class="form-control " rows="3"></textarea>
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        </div>
                                    </div>
                                  
                                   
                            </form>
                            <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">保存</button>
                        </div>
                        </div>
                    </div>
                    </div>
               <!--往上添加班级bootstrap-->
           </div>

           <!--添加的表格bootstrap-->
          <div class="table-responsive shrink tbackground">
            <table class="table table-bordered table-hover table-striped success tb">
                <thead class="active">
                <th>#</th>
                <th>学院名称</th>
                <th>教学大纲</th>
                <th>学习时间</th>
                <th>教师人数</th>
                <th>任课教师</th>
                <th>操作</th>
                </thead>
             <tbody>
                 <tr class="big">
                     <th id="1">1</th>
                     <td>百杉教育</td>
                     <td>Javascript</td>
                     <td>四个月</td>
                     <th>12</th>
                     <td>杨老师</td>
                     <td style="width: 160px">
                             <!--编辑-->
                         
                         <!--编辑-->
                     <button style="margin-right:5px;background-color:deepskyblue;color: white;" class="btn" type="submit">编辑</button>
                     <button style="margin-right:5px;background-color:red;color: white;" class="btn deletedelete" type="submit" onclick="remove_item(this)">删除</button>
                     </td>
                     
                    
                 </tr>
                 <tr>
                     <th id="2">2</th>
                     <td>百杉教育</td>
                     <td>PhotoShop</td>
                     <td>五个月</td>
                     <th>12</th>
                     <td>于老师</td>
                     <td style="width: 160px"> 
                          <!--编辑-->
                         
                          
                         <!--编辑-->
                     <button style="margin-right:5px;background-color:deepskyblue;color: white;" class="btn" type="submit">编辑</button>
                     <button style="margin-right:5px;background-color:red;color: white;" class="btn" type="submit" onclick="remove_item(this)">删除</button></td>
                    
                 </tr>
                 <tr>
                     <th id="3">3</th>
                     <td>百杉教育</td>
                     <td>css样式表</td>
                     <td>六个月</td>
                     <th>12</th>
                     <td>迟老师</td>
                     <td style="width: 160px">
                          <!--编辑-->
                         
                        
                         <!--编辑-->
                     <button style="margin-right:5px;background-color:deepskyblue;color: white;" class="btn" type="submit">编辑</button>
                     <button style="margin-right:5px;background-color:red;color: white;" class="btn" type="submit" onclick="remove_item(this)">删除</button></td>
                    
                 </tr>
                 <tr>
                     <th>4</th>
                     <td>百杉教育</td>
                     <td>VR</td>
                     <td>好多月</td>
                     <th>12</th>
                     <td>殷老师</td>
                     <td style="width: 160px">
                          <!--编辑-->
                         
                           <button type="submit" class="btn" data-toggle="modal" data-target="#myModal" 
                           style="margin-right:5px;background-color:deepskyblue;color: white;">编辑</button>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title append-class-color" id="myModalLabel">添加班级</h4>
                        </div>
                        <div class="modal-body">
                             
                               
                               <form class="form-horizontal">
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班级名称</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">
                                        </div>
                                    </div>
                                     <!--下拉列表-->
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">学习科目</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con">
                                            <option>HTML</option>
                                            <option></option>
                                            <option>CSS</option>
                                            <option></option>
                                            <option>Javascript</option>
                                            <option></option>
                                            <option>PhotoShop</option>
                                            <option></option>
                                            <option>seperate word</option>
                                            <option></option>
                                        </select>
                                        </div>
                                    </div>
                                    <!--入学时间-->
                                     <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">入学时间</label>
                                        <div class="col-sm-10 modal-con">
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        <!--time-->
                                        <div class="form-group">
                                        <div class="col-md-4">
                                            <div class="input-group">
                                                <span class="input-group-addon rili" id="basic-addon1"><i class="fa fa-calendar"></i></span>
                                                <input type="text" id="calendar" placeholder="27/07/2017" class="form-control timewidth" Readonly>
                                            </div>
                                        </div>
                                         </div>
                                        <!--time-->
                                        </div>
                                    </div>
                                    <!--学员人数-->
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">学员人数</label>
                                        <div class="col-sm-10 modal-con">
                                        <input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">
                                        </div>
                                    </div>
                                    <!--班主任-->
                                      <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班主任</label>
                                        <div class="col-sm-10 modal-con">
                                        <select class="form-control modal-con">
                                            <option>杨老师</option>
                                            <option>杨老师2</option>
                                            <option>杨老师3</option>
                                            <option>杨老师4</option>
                                            <option>杨老师5</option>
                                        </select>
                                        </div>
                                    </div>
                                    <!--班级介绍-->
                                     <div class="form-group">
                                        <label for="inputEmail3" class="col-sm-2 control-label modal-body">班级介绍</label>
                                        <div class="col-sm-10 modal-con">
                                            <textarea class="form-control " rows="3"></textarea>
                                        <!--<input type="email" class="form-control modal-con" id="inputEmail3" placeholder="">-->
                                        </div>
                                    </div>
                                  
                                   
                            </form>
                            <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">保存</button>
                        </div>
                        </div>
                    </div>
                    </div>
                         <!--编辑-->
                     <!--<button style="margin-right:5px;background-color:deepskyblue;color: white;" class="btn" type="submit">编辑</button>-->
                     <button style="margin-right:5px;background-color:red;color: white;" class="btn" type="submit" onclick="remove_item(this)">删除</button></td>
                 </tr>
             </tbody>
         </table>
         <!--表格下边的灰线-->
         <div class="gray-line"></div>
             
         <!--注释掉的是用button写的按钮-->
                    <!--按钮组-->
            <!--         
                    <div class="btn-group anniu" role="group" aria-label="...">
                            <div type="button" class="btn btn-default" role="group"><</div>
                            <div type="button" class="btn btn-default" role="group">1</div>
                            <div type="button" class="btn btn-default" role="group">2</div>
                            <div type="button" class="btn btn-default" role="group">3</div>
                            <div type="button" class="btn btn-default" role="group">></div>
                        </div>
                    </div>-->
                    <!--默认分页用bootstrap写的-->
                    <nav aria-label="Page navigation">
                        <ul class="pagination anniu">
                            <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                            </li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                            </li>
                        </ul>
                   </nav>

   </div>
               
                   </div> 
                <!--左二-->
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
               
            </div>
            <div role="tabpanel" class="tab-pane" id="settings">...</div>
        </div>

  </div>
    <!--隔开-->
     
      
    
 </div> 

     <script src="jquery-3.2.1.js"></script>
     <script src="bootstrap-datetimepicker.js"></script>
    <!--<script src="jquery.js"></script>-->
    <script src="new.js"></script>

   <script src="doc.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <script>    

    </script>

<!--第二个时间插件-->


     <!--<script src="src/jquery-1.7.2.min.js"></script>
    <script src="src/bootstrap.min.js"></script>
    <script src="dist/bootstrapDatepickr-1.0.0.min.js"></script>-->
        
    
</body>
</html>